var Menu = function (display, flag, arrow) {
    this.display = display;
    this.flag = flag;
    this.arrow = arrow;
}
var modules = null;
var app = new Vue({
    el: "#etms-div",
    data: {
        //课程菜单对象
        course: {},
        // //课程菜单出现和消失的标志位
        // courseDisplay: "none",
        // courseFlag: false,
        // //课程菜单箭头方向标志位
        // courseArrow: "rotate(0deg)",
        //考试菜单对象
        exam: {},
        //学习地图菜单对象
        learnMap:{},
        //讲师菜单对象
        teacher:{},
        //档案菜单对象
        dossier:{},
        //数据统计菜单对象
        dataModule:{}
        // //考试菜单出现和消失的标志位
        // examDisplay: "none",
        // //考试菜单箭头方向标志位
        // examArrow: "rotate(0deg)",
        // //学习地图菜单出现和消失的标志位
        // learnMapDisplay: "none",
        // //学习地图菜单箭头方向标志位
        // learnMapArrow: "rotate(0deg)",
        // //讲师菜单出现和消失的标志位
        // teacherDisplay: "none",
        // //讲师菜单箭头方向标志位
        // teacherArrow: "rotate(0deg)",
        // //档案菜单出现和消失的标志位
        // dossierDisplay: "none",
        // //档案菜单箭头方向标志位
        // dossierArrow: "rotate(0deg)",
        // //数据统计菜单出现和消失的标志位
        // dataDisplay: "none",
        // //数据统计菜单箭头方向标志位
        // dataArrow: "rotate(0deg)"
    },
    mounted() {
        this.course = new Menu("none", false, "rotate(0deg)");
        this.exam = new Menu("none", false, "rotate(0deg)");
        this.learnMap = new Menu("none", false, "rotate(0deg)");
        this.teacher = new Menu("none", false, "rotate(0deg)");
        this.dossier = new Menu("none", false, "rotate(0deg)");
        this.dataModule = new Menu("none", false, "rotate(0deg)");
        modules = [this.course, this.exam,this.learnMap,this.teacher,this.dossier,this.dataModule];
    },
    methods: {
        open: function (n) {
            //将事件对象赋值给变量
            let menuBar = modules[n];
            if (menuBar.flag === false) {
                //箭头下转
                menuBar.arrow = "rotate(180deg)";
                //菜单拉出
                menuBar.display = "block";
                //标志位表示菜单显示为true
                menuBar.flag = true;
                //执行方法，使另一个打开的菜单收起
                this.exchangeOpen(n);
            } else {
                //箭头恢复
                menuBar.arrow = "rotate(0deg)";
                //菜单隐藏
                menuBar.display = "none";
                //标志位表示菜单显示为false，隐藏
                menuBar.flag = false;
            }
            // switch (n) {
            // 	/* =========== 课程管理菜单 =========== */
            // 	case 1:
            // 		{
            // 			if(this.courseFlag === false){
            // 				//箭头下转
            // 				this.courseArrow = "rotate(180deg)";
            // 				//菜单拉出
            // 				this.courseDisplay = "block";
            // 				//标志位表示菜单显示为true
            // 				this.courseFlag = true;
            // 				//执行方法，使另一个打开的菜单收起
            //
            // 			}else{
            // 				//箭头恢复
            // 				this.courseArrow = "rotate(0deg)";
            // 				//菜单隐藏
            // 				this.courseDisplay = "none";
            // 				//标志位表示菜单显示为false，隐藏
            // 				this.courseFlag = false;
            // 			}
            // 			break;
            // 		}// course end
            //
            // }//switch end

        },//open() end
        exchangeOpen: function (n) {
            for (let i = 0; i < 6; i++) {
                if (i === n){
                    continue;
                }
                let modle = modules[i];
                //箭头恢复
                modle.arrow = "rotate(0deg)";
                //菜单隐藏
                modle.display = "none";
                //标志位表示菜单显示为false，隐藏
                modle.flag = false;
            }
        }
    }
});
